﻿<div class="content-wrap" ng-controller="EsgController">
    <div ng-include="'Views/Research/Common/ResearchMenu.html'"></div>
    <div class="content">
        <div class="content-pad">

            <div class="title-section">
                <div sustainalytics-company-research></div>
                <div style="position: absolute; top: 0; right: 145px;">
                    <input type="button" value="Download" class="btn-green {{!esg.GetEsgPdfDownloadEnabled() && 'disabled' || ''}}" ng-disabled="!esg.GetEsgPdfDownloadEnabled()" style="min-width: 135px; width: 135px; margin-top: 0;" ng-click="esg.addCompanyReportToMostActiveReports()">
                </div>
            </div>
            <div class="ind-lead">
                <div class="ind-lead-img">
                    <img ng-src="{{ esg.industryLeadPersonnel.photoUrl }}" style="width:100%" />
                </div>
                <div class="ind-lead-text">
                    <div style="font-weight: bold;">{{ esg.industryLeadPersonnel.name }}</div>
                    <!--<div>Industry Lead</div>{{ esg.industryLeadPersonnel.email }}-->
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear">&nbsp;</div><br />
            
            <div ng-if="esg.hasEsgResearch && esg.hasEsgUniverse">
                <div class="tabs-users-2">
                    <ul>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().EsgSummary }" ng-click="esg.changeView(esg.getViewNames().EsgSummary)">ESG Summary</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().AnalystView }" ng-click="esg.changeView(esg.getViewNames().AnalystView)">Analyst View</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().Environment }" ng-click="esg.changeView(esg.getViewNames().Environment)">Environment</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().Social }" ng-click="esg.changeView(esg.getViewNames().Social)">Social</a>
                        </li>
                        <li class="tabs-users-2-20">
                            <a href="" ng-class="{ 'active': esg.viewName == esg.getViewNames().Governance }" ng-click="esg.changeView(esg.getViewNames().Governance)">Governance</a>
                        </li>
                    </ul>
                    <div class="clear"></div>
                </div><br />

                <div ng-include="esg.viewName"></div>
            </div>

            <div style="text-align:center;" ng-show="!esg.hasEsgResearch">
                <br />
                <br />
                <span class="title-black-bold">This security is not currently available. Please speak with your account manager for further information.</span>
            </div>

            <div style="text-align:center;" ng-if="esg.hasEsgResearch && !esg.hasEsgUniverse">
                <br />
                <br />
                <span class="title-black-bold">This security is not currently included in your universe of coverage. Please speak with your account manager for further information.</span>
            </div>

            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>